<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>详情页</title>
		<link rel="stylesheet" href="../css/details2.css" />
		<script src="../js/jQ/jquery-1.11.2.js"></script>		
		<script src="../js/startMove.js"></script>
		<script src="../js/details2.js"></script>
		<script src="../js/cookie.js"></script>
		
	</head>
	<body>
		<!--top-->
		<div id="header">
			<span class="pull-left l">
				<span class="post l">
					<span class="post-pic l"></span>
					<a href="javascript:;" class="first l">上海</a>
					<div class="select">
						<h5>热门城市</h5>
						<ul class="select-top">
							<li class="l"><a href="javascript:;">上海</a></li>
							<li class="l"><a href="javascript:;">广州</a></li>
							<li class="l"><a href="javascript:;">北京</a></li>
							<li class="l"><a href="javascript:;">苏州</a></li>
							<li class="l"><a href="javascript:;">南京</a></li>
							<li class="l"><a href="javascript:;">深圳</a></li>
						</ul>
						<h5>选择城市</h5>
						<ul class="select-down">
							<li>
								<a href="javascript:;">上海</a>
							</li>
							<li>
								<a href="javascript:;">上海崇明</a>
							</li>
							<li class="pull">
								<a href="javascript:;">江苏<span class="jiantou r "></span></a>
								<div class="city">
									<a href="javascript:;">常州</a>
									<a href="javascript:;">淮安</a>
									<a href="javascript:;">连云港</a>
									<a href="javascript:;">南京</a>
									<a href="javascript:;">南通</a>
									<a href="javascript:;">苏州</a>
									<a href="javascript:;">泰州</a>
									<a href="javascript:;">无锡</a>
									<a href="javascript:;">宿迁</a>
									<a href="javascript:;">徐州</a>
									<a href="javascript:;">盐城</a>
									<a href="javascript:;">扬州</a>
									<a href="javascript:;">镇江</a>
								</div>
							</li>
							<li class="pull">
								<a href="javascript:;">浙江<span class="jiantou r"></span></a>
								<div class="city">
									<a href="javascript:;">杭州</a>
									<a href="javascript:;">湖州</a>
									<a href="javascript:;">嘉兴</a>
									<a href="javascript:;">金华</a>
									<a href="javascript:;">丽水</a>
									<a href="javascript:;">宁波</a>
									<a href="javascript:;">衢州</a>
									<a href="javascript:;">绍兴</a>
									<a href="javascript:;">台州</a>
									<a href="javascript:;">温州</a>
									<a href="javascript:;">舟山</a>
								</div>
							</li>
							<li class="pull">
								<a href="javascript:;">安徽<span class="jiantou r"></span></a>
								<div class="city">
									<a href="javascript:;">安庆</a>
									<a href="javascript:;">蚌埠</a>
									<a href="javascript:;">亳州</a>
									<a href="javascript:;">池州</a>
									<a href="javascript:;">滁州</a>
									<a href="javascript:;">阜阳</a>
									<a href="javascript:;">合肥</a>
									<a href="javascript:;">淮北</a>
									<a href="javascript:;">淮南</a>
									<a href="javascript:;">黄山</a>
									<a href="javascript:;">六安</a>
									<a href="javascript:;">马鞍山</a>
									<a href="javascript:;">铜陵</a>
									<a href="javascript:;">芜湖</a>
									<a href="javascript:;">宿州</a>
									<a href="javascript:;">宣城</a>
								</div>
							</li>
							<li>
								<a href="javascript:;">北京</a>
							</li>
							<li>
								<a href="javascript:;">天津</a>
							</li>
							<li class="pull">
								<a href="javascript:;">河北<span class="jiantou r"></span></a>
								<div class="city">
									<a href="javascript:;">石家庄</a>
									<a href="javascript:;">廊坊</a>
									<a href="javascript:;">承德</a>
									<a href="javascript:;">唐山</a>
									<a href="javascript:;">保定</a>
									<a href="javascript:;">沧州</a>
									<a href="javascript:;">邯郸</a>
									<a href="javascript:;">衡水</a>
									<a href="javascript:;">秦皇岛</a>
									<a href="javascript:;">邢台</a>
									<a href="javascript:;">张家口</a>
								</div>
							</li>
							<li class="pull">
								<a href="javascript:;">广东<span class="jiantou r"></span></a>
								<div class="city">
									<a href="javascript:;">深圳</a>
									<a href="javascript:;">广州</a>
									<a href="javascript:;">珠海</a>
									<a href="javascript:;">汕头</a>
									<a href="javascript:;">韶关</a>
									<a href="javascript:;">佛山</a>
									<a href="javascript:;">江门</a>
									<a href="javascript:;">湛江</a>
									<a href="javascript:;">茂名</a>
									<a href="javascript:;">肇庆</a>
									<a href="javascript:;">惠州</a>
									<a href="javascript:;">梅州</a>
									<a href="javascript:;">汕尾</a>
									<a href="javascript:;">河源</a>
									<a href="javascript:;">阳江</a>
									<a href="javascript:;">清远</a>
									<a href="javascript:;">东莞</a>
									<a href="javascript:;">中山</a>
									<a href="javascript:;">揭阳</a>
									<a href="javascript:;">云浮</a>
									<a href="javascript:;">潮州</a>	
								</div>
							</li>
						</ul>
					</div>				
				</span>
				满百包邮（环郊内）
				<a href="###" class="exp">星夜达</a>
			</span>
			<ul class="pull-right r">
				<li class="l">
					<a href="login.html">[登录] </a>
					&nbsp;&nbsp;&nbsp;&nbsp;,&nbsp;&nbsp;
					<a href="register.html"> [注册有惊喜]</a>
				</li>
				<li class="l">|</li>
				<li class="l post">果园公告
					<div class="pull-right-news select">
						<ul>
							<li>
								<a href="###" target="_blank">全仓充值活动调整公告</a>
								<strong>new</strong>
							</li>
							<li>
								<a href="###" target="_blank">充值赠品有效期规则公告</a>
								<strong>new</strong>
							</li>
							<li>
								<a href="###" target="_blank">全仓充值活动调整公告</a>
								<strong>new</strong>
							</li>
						</ul>
						<div>
							<a href="###">查看更多 > </a>
						</div>
					</div>
				</li>
				<li class="l">|</li>
				<li class="l"><a href="###">券卡兑换</a></li>
				<li class="l">|</li>
				<li class="l post">
					<img src="../img/header-phone.jpg" alt="phone" />	
					手机果园
					<div class="pull-right-phone select">
						<div>
							<a href="####">下载果园app</a>
							，即享果园特价商品
						</div>
						<dl>
							<dt class="l">
								<img src="../img/guan_ewcode2.jpg" alt="app" />
							</dt>
							<dd class="r one">
								<a href="###">
									<img src="../img/guan_btn01.jpg" alt="btn01" />
									<img src="../img/guan_btn02.jpg" alt="btn02" />
								</a>
							</dd>
						</dl>
						<dl style="border: 0;">
							<dt class="l">
								<img src="../img/guan_ewcode1.jpg" alt="weixin" />
							</dt>
							<dd class="r two">
								<span>关注果园微信</span>
								优惠信息实时掌握
							</dd>
						</dl>
					</div>
				</li>
				<li class="l">|</li>
				<li class="l">
					<img src="../img/header-call.jpg" alt="call" />
					<b>400-720-0770</b>
				</li>
			</ul>
		</div>
		<!--nav-->
		<div id="nav">
			<h1 class="l"><a href="../index.html"></a></h1>
			<ul class="nav-list l">
				<li class="l"><a href="../index.html">首页<span>Home</span></a><em></em></li>
				<li class="l"><a href="list.html">鲜果<span>Fruit</span></a><em></em></li>
				<li class="l"><a href="###">生鲜<span>Fresh</span></a><em></em></li>
				<li class="l"><a href="###">礼品<span>Gift</span></a><em></em></li>
				<li class="l"><a href="###" class="last">会员中心<span>VIP Club</span></a><em></em></li>
			</ul>
			<div class="search r">
				<div class="searcharea l">
					<input type="text" id="search-key" placeholder="请输入关键字" value="樱桃"/>
					<input type="button" id="search-btn" />
					<div class="hotsearch">
						热门：
						<a href="javascript:;">金奇异果</a>
						<a href="javascript:;">柚子</a>
						<a href="javascript:;">苹果</a>
					</div>
				</div>
				<div class="shopcar r">
					<img src="../img/shopcar.png" alt="shopcar" />
					<a href="cart.html" class="num">0</a>
				</div>
			</div>
		</div>
		<!--scroll事件-->
		<div id="toolf">
			<a href="javascript:;"></a>
			<a href="javascript:;"></a>
			<a href="javascript:;" class="top"></a>
		</div>
		
		<!--商品详情-->
		<div id="detail" class="w">
			<div class="detail-top">
				<strong class="fontC">
					<a href="../index.html">首页</a>
				</strong>
				<span class="fontC">
					>
					<a href="list.html">新鲜水果</a>
					>
				</span>
				<span class="goods">
					美国华盛顿甜脆红地厘蛇果(免费升级)
				</span>
			</div>
			<div id="detail-banner" class="l">
				<div class="smallul l">
					<ul>
						<li>
							<a href="javascript:;">
								<img src="../img/1-180x180-13835-WH5W23S4.jpg" alt="pingguo" class="tu"/>
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<img src="../img/2-180x180-13835-B563UPC1.jpg" alt="pingguo" />
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<img src="../img/3-180x180-13835-B563UPC1.jpg" alt="pingguo" />
							</a>
						</li>

						
					</ul>
				</div>
				<div class="bigul l">
					<ul>
						<li>
							<a href="javascript:;">
								<img src="../img/1-370x370-13835-WH5W23S4.jpg" alt="pingguo" />
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<img src="../img/2-370x370-13835-B563UPC1.jpg" alt="pingguo" />
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<img src="../img/3-370x370-13835-B563UPC1.jpg" alt="pingguo" />
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<img src="../img/1-370x370-13835-WH5W23S4.jpg" alt="juzi" />
							</a>
						</li>
						
					</ul>
					
				</div>
			</div>
			<div class="detail-right l">
				<h3>美国华盛顿甜脆红地厘蛇果(免费升级)</h3>
				<p class="title">最爱经典红 甜脆更出众</p>
				<div class="price-info">
					<div class="price-bg">
						<p class="l">果园价</p>
						<span class="l">￥<span class="bian">49.90</span></span>
						<span class="small-erwei r">
							<div class="bigerwei">
								<img src="../img/erweima.jpg" alt="erweima" style="display: none"/>
							</div>
						</span>
					</div><!--背景图-->
					<div class="price-flow">
						<p class="l">规格</p>
						<div class="price-flow-heft l">
							<span class="l border-show one heft">6个</span>
						</div>
					</div>
					<div class="price-send">
						<p class="l">配送至</p>
						<div class="price-send-area l">
							<span>上海 </span>
							<div class="citys">
								<ul></ul>
							</div>
						</div>
						<span class="price-goods l">有货</span>
					</div>
					<div class="price-num">
						<p class="l">数量</p>
						<div class="price-num-area l">
							<span class="num l numdown">-</span>
							<input type="tel" value="1" class="num-int l"/>
							<span class="num l numup">+</span>
						</div>
					</div>
					<div class="price-btn">
						 <div class="price-btn-left l">
						 	<a href="javascript:;">立即购买</a>
						 </div>
						 <div class="price-btn-right l">
						 	<a href="cart.html">加入购物车</a>
						 </div>
					</div>
					<div class="price-pic">
						<img src="../img/info.jpg" alt="" />
					</div>
			</div>
		</div>
		<!--商品细节-->
			<div class="goodsAll w">
				<div class="goodsAll-left l">
					<div id="move-title">
						<span class="l cur tab-a">商品简介</span>
						<span class="l tab-a">顾客评论()</span>
						<a href="cart.html" class="r">加入购物车</a>
					</div>
					<div class="goods-content">
						<div class="goods-content-pic l">
							<img src="../img/123.jpg" alt="titu" />
							<img src="../img/14779068386676.jpg" alt="xiaoguo" />
							<img src="../img/14779068396077.jpg" alt="xiaoguo" />
							<img src="../img/14779068415107.jpg" alt="xiaoguo" />
							<img src="../img/14779068421979.jpg" alt="xiaoguo" />
						</div>
						<div class="goods-content-pinglun l">
							<img src="../img/pinglun.bmp" alt="pl" />
							<img src="../img/pinglun2.bmp" alt="pl" />
						</div>
					</div>
				</div>
				<div class="goodsAll-right r">
					<h5>最近浏览过</h5>
					<ul></ul>
				</div>
			</div>

		<!--底部-->
		<div id="footer" class="w">
			<div class="footer-top w">
				<ul class="footer-icon">
					<li class="l" style="background: url(../img/icon.png) no-repeat 35px 0px"></li>
					<li class="l" style="background: url(../img/icon.png) no-repeat 35px -60px"></li>
					<li class="l" style="background: url(../img/icon.png) no-repeat 35px -120px"></li>
					<li class="l last" style="background: url(../img/icon.png) no-repeat 35px -180px"></li>
				</ul>
			</div>
			<div class="footer-center w">
				<div class="center-left l">
					<div class="footer-center-logo"></div>
					<div class="footer-center-phone">
						<img src="../img/guan_tel.png" alt="phone" />
					</div>
					<div class="footer-center-time">
						 <span>服务时间  </span>08:00 - 22:00
					</div>
				</div>
				<ul class="center-center l">
					<li class="l"><img src="../img/guan_ewcode1.jpg" alt="微信"></img><span>天天果园官方微信</span></li>
					<li class="l"><img src="../img/guan_ewcode2.jpg" alt="APP"></img><span>天天果园APP</span></li>
				</ul>
				<ul class="center-right l">
					<li class="l">
						<h4>购物指南</h4>
						<a href="###">新用户注册</a>
						<a href="###">在线下单</a>
						<a href="javascript:;">支付方式</a>
					</li>
					<li class="l">
						<h4>配送说明</h4>
						<a href="javascript:;">运费说明</a>
						<a href="javascript:;">运费方式</a>
						<a href="javascript:;">发票说明</a>
					</li>
					<li class="l">
						<h4>售后服务</h4>
						<a href="javascript:;">退换货规则</a>
						<a href="javascript:;">服务保障承诺</a>
						<a href="javascript:;">验货与签收</a>
					</li>
					<li class="l">
						<h4>企业服务</h4>
						<a href="javascript:;">企业订购</a>
						<a href="javascript:;">公司简介</a>
						<a href="javascript:;">定制专区</a>
					</li>
				</ul>
			</div>
			<div class="footer-down w">
				<p class="down-p1">版权所有 © 2015天天果园  保留所有权利 | 沪ICP备12042163</p>
				<p class="down-p2">天天果园  鲜果网购</p>
				<div>
					<img src="../img/guan_shgs.gif" alt="工商" />
					<img src="../img/guan_wgdjp.png" alt="网购大家评" class="pic2" />
				</div>
			</div>
		</div>
	</body>
</html>
